<!--商户信息-->
<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/infor.css" />
</head>

<body class="gray">
	<div class="mui-content loading" id="vueMain">
	    <ul class="mui-table-view">
	        <li class="mui-table-view-cell mui-media">
	            <a href="javascript:;">
	                <img class="mui-media-object mui-pull-left" :src="list.logo" />
	                <div class="mui-media-body">
	                    <div class="bodyname">公司名称：{{list.shop_name}}</div>
	                    <div class="bodyname">公司简称：{{list.small_name}}</div>
	                    <div class="bodyname">分类：{{list.type_name}}</div>
	                </div>
	            </a>
	        </li>
	    </ul>
	    <ul class="mui-table-view bortop typelist">
            <li class="mui-table-view-cell">
            		<div class="mui-pull-right">{{list.commend_name}}</div>
            		<div class="mui-pull-left">服务类别</div>
            </li>
        </ul>
        <div class="item">
        		<div id="slider" class="mui-slider mui-fullscreen">
        			<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1mobile">联系方式</a>
					<a class="mui-control-item" href="#item2mobile">银行信息</a>
					<a class="mui-control-item" href="#item3mobile">认证资料</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view">
							        <li class="mui-table-view-cell">
							        		<div class="mui-pull-right">{{list.people}}</div>
							        		<div class="mui-pull-left">联系人</div>
							        </li>
							        <li class="mui-table-view-cell">
							        		<div class="mui-pull-right">{{list.phone}}</div>
							        		<div class="mui-pull-left">联系电话</div>
							        </li>
							        <li class="mui-table-view-cell">
							        		<div class="mui-pull-right" style="width: 65%;text-align:right;">{{list.shop_address}}</div>
							        		<div class="mui-pull-left">联系地址</div>
							        </li>
							    </ul>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view">
							        <li class="mui-table-view-cell">
							        		<div class="mui-pull-right">{{list.bank}}</div>
							        		<div class="mui-pull-left">开户行</div>
							        </li>
							        <li class="mui-table-view-cell">
							        		<div class="mui-pull-right" >{{list.bank_account}}</div>
							        		<div class="mui-pull-left">开户账号</div>
							        </li>
							        <li class="mui-table-view-cell">
							        		<div class="mui-pull-right" >{{list.bank_people}}</div>
							        		<div class="mui-pull-left">开户人</div>
							        </li>
							    </ul>
							</div>
						</div>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view">
							        <li class="mui-table-view-cell">
							            <img :src="list.business_license_photo" alt="" />
							            <div class="mui-clearfix">
							            		<div class="mui-pull-right" >{{list.business_license}}</div>
							        			<div class="mui-pull-left">营业执照</div>
							            </div>
							        </li>
							         <li class="mui-table-view-cell">
							            <img :src="list.id_card_photo" alt="" />
							            <div class="mui-clearfix">
							            		<div class="mui-pull-right" >{{list.id_card}}</div>
							        			<div class="mui-pull-left">身份证</div>
							            </div>
							        </li>
							    </ul>
							</div>
						</div>
					</div>
				</div>
        		</div>
        </div>
	</div>
<script src="../js/mui-edit.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/bexta.js"></script>
<script type="text/javascript">
	var apps, views, merchant;
	mui.init();
	mui.plusReady(function () {
	   views = bexta.getWebview();
	   merchant = bexta.getStorage(MERCHANT);
	   bexta.ajax(api.shop_infor, function(res){
	   		initVue(res);
	   }, {data:{uid:merchant.uid}});
	});
	function initVue(res){
		res['citys'] = res.city_list.split(',');
		apps = new Vue({
			el:"#vueMain",
			data:{
				list:res
			},
			mounted:function(){
				document.querySelector('.loading').classList.add('loadRun');
				var h = document.querySelector('#vueMain').clientHeight;
				document.querySelector('#slider').style.top = h + 'px';
				document.getElementById('slider').addEventListener('slide', function(e) {
				});
				mui('.mui-slider').slider();
				mui('.mui-scroll-wrapper').scroll();
			}
		});
	}
	
	
</script>
</body>
</html>